<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
        <meta charset="utf-8">
        <title>Builder &#8211; Resonsive Wordpress Theme</title>
        <meta content="width=device-width, initial-scale=1.0" name="viewport">
        <meta content="Just another WordPress site" name="description"/>
        <meta content="Builder &#8211; Resonsive Wordpress Theme" name="keywords"/>
         
        <!-- Le styles -->
        <link href="assets/css/bootstrap.css" rel="stylesheet">
        <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
        <link href="assets/css/wide_layout.css" rel="stylesheet">
        <link href="assets/css/docs.css" rel="stylesheet">
        <link href="assets/css/options.css" rel="stylesheet">
        <link href="assets/js/google-code-prettify/prettify.css" rel="stylesheet">
        <link href="assets/nivo/nivo-slider.css" media="screen" rel="stylesheet" type="text/css">
        <link href="assets/css/prettyPhoto.css" media="screen" rel="stylesheet" type="text/css">
        <link href="http://fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C700italic%2C800italic%2C400%2C300%2C600%2C700%2C800&amp;subset=latin%2Ccyrillic-ext%2Cgreek-ext%2Cgreek%2Cvietnamese%2Clatin-ext%2Ccyrillic&amp;ver=3.4.2" id="gOpenSans-css" media="all" rel="stylesheet" type="text/css"/>
         
        <!-- Le fav and touch icons -->
        <link href="assets/builder/favicon.html" rel="shortcut icon">
         
        <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <!--[if lte IE 8]>
        <link rel="stylesheet" type="text/css" href="assets/css/ie.css"/>
        <![endif]-->
</head>
<body>
    <div class="wide_cont">
        <!-- START TOP LINE-->
        <div class="top_line"></div>
        <!-- END TOP LINE-->
            
          <!--PAGE HEAD-->
        <div class="page_head">
            <div class="container">
                <div class="row">
                    <div class="span3">
                        <!--START LOGO IMAGE-->
                        <div class="logo">
                            <a href="index-2.html">
                            <img alt="Builder &#8211; Resonsive Wordpress Theme" src="assets/images/logo.png"/></a>
                        </div>
                        <!-- END LOGO IMAGE-->
                    </div>
                    <div class="span9">
                        <!-- START MAIN MENU-->
                        <nav>
                        <ul class="menu">
                            <li><a href="index-2.html">Home</a>
                                <ul class="sub-menu">
                                    <li><a href="home-page-two.html">Home Page 2</a></li>
                                    <li><a href="home-page-three.html">Home Page 3</a></li>
                                    <li><a href="home-page-four.html">Home Page 4</a></li>
                                    <li><a href="home-page-five.html">Home Page 5</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Pages</a>
                                <ul class="sub-menu">
                                    <li><a href="about.html">About Us</a></li>
                                    <li><a href="services.html">Services</a></li>
                                    <li><a href="contacts.html">Contacts</a></li>
                                    <li><a href="simple-gallery-2.html">Simple Gallery 2</a></li>
                                    <li><a href="simple-gallery-3.html">Simple Gallery 3</a></li>
                                    <li><a href="simple-gallery-4.html">Simple Gallery 4</a></li>
                                    <li><a href="404.html">404 Error</a></li>
                                    <li><a href="left-sidebar.html">Left Sidebar</a></li>
                                    <li><a href="right-sidebar.html">Right Sidebar</a></li>
                                    <li><a href="both-sidebar.html">Both Sidebar</a></li>
                                </ul>
                            </li>
                                
                            <li class="current-menu-item"><a href="#">Blog</a>
                                 <ul class="sub-menu">
                                    <li><a href="big-image-right-sidebar.html">Big image + Right Sidebar</a></li>
                                    <li><a href="big-image-left-sidebar.html">Big image + Left Sidebar</a></li>
                                    <li><a href="mini-image-right-sidebar.html">Mini image + Right Sidebar</a></li>
                                    <li><a href="mini-image-left-sidebar.html">Mini image + Left Sidebar</a></li>
                                    <li><a href="text-post.html">Text Post</a></li>
                                    <li><a href="image-post.html">Image post</a></li>
                                    <li><a href="video-post.html">Video</a></li>
                                    <li><a href="post-right-sidebar.html">Post + Right Sidebar</a></li>
                                    <li><a href="post-left-sidebar.html">Post + Left Sidebar</a></li>
                                </ul>
                            </li>
                               
                            <li><a href="#">Portfolio</a>
                                <ul class="sub-menu">
                                    <li><a href="2-columns-portfolio.html">2 Columns Portfolio</a></li>
                                    <li><a href="3-columns-portfolio.html">3 Columns Portfolio</a></li>
                                    <li><a href="4-columns-portfolio.html">4 Columns Portfolio</a></li>
                                    <li><a href="6-columns-portfolio.html">6 Columns Portfolio</a></li>
                                    <li><a href="portfolio-left-sidebar.html">Portfolio + Left Sidebar</a></li>
                                    <li><a href="portfolio-right-sidebar.html">Portfolio + Right Sidebar</a></li>
                                    <li><a href="item-single-image.html">Item - Single Image</a></li>
                                    <li><a href="project-video.html">Project Video</a></li>
                                    <li><a href="item-left-sidebar.html">Item - Left Sidebar</a></li>
                                    <li><a href="item-right-sidebar.html">Item - Right Sidebar</a></li>
                                    <li><a href="item-portrait.html">Item - Portrait</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Features</a>
                                <ul class="sub-menu">
                                    <li><a href="theme-grid.html">Theme Grid</a></li>
                                    <li><a href="typography.html">Typography</a></li>
                                    <li><a href="buttons.html">Buttons</a></li>
                                    <li><a href="allerts.html">Allerts</a></li>
                                    <li><a href="glyphicons.html">Glyphicons Icons</a></li>
                                                                        <li><a href="badges-and-labels.html">Badges And Labels</a></li>

                                    <li><a href="tabs.html">Tabs</a></li>
                                    <li><a href="accordion.html">Accordion</a></li>
                                    <li><a href="tstimonial-rotator.html">Testimonial Rotator</a></li>
                                </ul>
                            </li>
                            <li><a href="http://themeforest.net/user/OrangeIdea/portfolio?ref=OrangeIdea" target="_blank">Purchase</a></li>
                        </ul>
                        </nav>
                        <!-- END MAIN MENU-->
                    </div>
                </div>
            </div>
        </div>
        <!--/PAGE HEAD-->
            
        <!--WELCOME AREA-->
        <div class="tag_line">
            <div class="container">
                <div class="row">
                <div class="span12">
                    <div class="welcome">
                        <h3><span class="colored">POST + LEFT SIDEBAR</span></h3>
                        <a class="subpage_block" href="http://html.orange-idea.com/builder">Home </a>
                        <div class="subpage_breadcrumbs_dv"></div>
                        <span>Post + Left Sidebar</span>
                    </div>
                </div>
                </div>
            </div>
        </div>
        <!--/WELCOME AREA-->
            

        <!--MAIN CONTENT AREA-->
        <div class="main_content_area">
             <div class="container">
                 <div class="row">

                     <!-- START SIDEBAR -->
                    <div class="span4 blog_sidebar">
                        <!-- FIRST WIDGET -->
                        <div class="well">
                                <h5 style="font-weight: 600; text-transform: uppercase !important;">Pay Atention</h5>
                                <hr/>
                                <div class="textwidget">
                                    <div class="alert alert-block alert-success" style="margin-bottom: 0px;">
                                        <h3 class="alert-heading">Oh snap! 50% SALE!</h3>
                                        <p>Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.</p>
                                    </div>
                                </div>
                            </div>
                            <!--SEARCH WIDGET-->
                            <div class="well">
                                <h5 style="font-weight: 600; text-transform: uppercase !important;">Lost something?</h5>
                                <hr/>
                                <form role="search" method="get" id="searchform" action="#">
                                <div>
                                    <label class="screen-reader-text" for="s">Search for:</label>
                                    <input type="text" value="" name="s" id="s"/>
                                    <input type="submit" id="searchsubmit" value="Search"/>
                                </div>
                                </form>
                            </div>

                            <!-- Blog catories Widget -->
                            <div class="well">
                                <h5 style="font-weight: 600; text-transform: uppercase !important;">Blog categories</h5>
                                <hr>
                                <ul>
                                     <li class="cat-item"><a href="#">Photography</a></li>
                                     <li class="cat-item"><a href="#">Uncategorized</a></li>
                                     <li class="cat-item"><a href="#">Videos</a></li>
                                     <li class="cat-item"><a href="#">Wordpress</a></li>
                                 </ul> 
                            </div>

                            <!--VIDEO WIDGET-->
                            <div class="well">
                                <h5 style="font-weight: 600; text-transform: uppercase !important;">Video widget</h5>
                                <hr/>
                                <div class="textwidget">
                                    <iframe src="http://player.vimeo.com/video/16765716" width="100%" height="200" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
                                </div>

                            </div>

                            <!--TAGS-->
                            <div class="well">
                                <h5 style="font-weight: 600; text-transform: uppercase !important;">Tag cloud</h5>
                                <hr/>
                                <div class="tagcloud">
                                    <a href="#" class="tag-link-6" title="3 topics" style="font-size: 22pt;">Design</a>
                                    <a href="#" class="tag-link-7" title="2 topics" style="font-size: 8pt;">Modern</a>
                                    <a href="#" class="tag-link-8" title="2 topics" style="font-size: 8pt;">Responsive</a>
                                </div>

                            </div>

                            <!--Recent Posts-->
                            <div class="well">
                                <h5 style="font-weight: 600; text-transform: uppercase !important;">Recent Posts</h5>
                                <hr/>
                                <ul class="recent-post-widget unstyled">
                                    <li>
                                        <a href="index-2.html" title="Hello world!" class="bg-link">Hello world!</a>
                                            <div class="small-meta">
                                            Dec 1, 2012 /
                                            <a href="index-2.html#comments" title="Comment on Hello world!">1 Comment</a>
                                        </div>
                                        <div class="clear"></div>
                                    </li>
                                    <li>
                                        <a href="post-right-sidebar.html" title="Post + Right Sidebar" class="bg-link">Post + Right Sidebar</a>
                                        <div class="small-meta">
                                            Nov 30, 2012 /
                                            <a href="post-right-sidebar.html#comments" title="Comment on Post + Right Sidebar">1 Comment</a>
                                        </div>
                                        <div class="clear"></div>
                                    </li>
                                    <li>
                                        <a href="video-post.html" title="Video Post" class="bg-link">Video Post</a>
                                        <div class="small-meta">
                                            Nov 29, 2012 /
                                            <a href="video-post.html#comments" title="Comment on Video Post">1 Comment</a>
                                        </div>
                                        <div class="clear"></div>
                                    </li>
                                    <li>
                                        <a href="index-2.html" title="Nullam Vitae Nibh Un Odiosters" class="bg-link">Nullam Vitae Nibh Un Odiosters</a>
                                        <div class="small-meta">
                                            Nov 28, 2012 /
                                            <a href="index-2.html#comments" title="Comment on Nullam Vitae Nibh Un Odiosters">1 Comment</a>
                                        </div>
                                        <div class="clear"></div>
                                    </li>
                                    </ul>
                            </div>

                            <!--ADS WIDGET-->
                            <div class="well">
                                <h5 style="font-weight: 600; text-transform: uppercase !important;">Adds</h5>
                                <hr/>
                                <div class="textwidget">
                                    <img src="images/gallery/aj_300x250_v1.gif" alt="">
                                </div>

                            </div>
                    </div>
                    <!-- END SIDEBAR -->


                     <!--START BLOG CONTENT-->
                     <div class="span8">
                        <div class="row" style="margin-bottom:50px;">
                            <!-- POST IMAGE -->

                            <div class="span8">
                               <div class="row">
                                <div class="span8 blog_item nolink" style="margin-bottom:0px;">
                                    <div class="view view-first">
                                        <img src="images/gallery/BC.jpg" alt="" />
                                        
                                        <div class="mask">
                                            <a href="images/gallery/BC.jpg" rel="prettyPhoto" title="Image title" class="info"></a>
                                        </div>
                                        
                                    </div>   
                                </div>
                            </div> 
                            </div>
                            <!--POST TEXT-->
                            <div class="span8">
                                <div class="blog_item">
                                    <!--Post info and Title-->
                                    <div class="blog_head">
                                        <div style=" margin-bottom:-5px !important;"></div>
                                    </div>

                                    <!--Post content-->
                                    <div class="blog_post_item_description">
                                        <div class="blog_head blog_inner">
                                            <h4>Post + Left Sidebar</h4>
                                            <div class="meta">
                                                <span><b>By</b> <a href="#">Author</a></span>
                                                <span><a href="#">DESIGN</a>, <a href="#">WORDPRESS</a></span>
                                                <span class="last-item"><a href="#">1 Comments</a></span>
                                            </div>
                                        </div>        
                                        <p>
                                            Nulla nunc dui, tristique in semper vel, congue sed ligula. Nam dolor ligula, faucibus id sodales in, auctor fringilla libero. Pellentesque pellentesque tempor tellus eget hendrerit. Morbi id aliquam ligula. Aliquam id dui sem. Proin rhoncus consequat nisl, eu ornare mauris tincidunt vitae. Quisque ligula ipsum, euismod a vulputate a, ultricies et elit.  Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
                                        </p>
                                                        
                                    </div>

                                </div>  
                            </div>
                           <div class="span8">                                
                                    <div class="share">
                                        <span style="float:left; margin-right:10px;">Share this Story:</span>
                                        <div style="float:left">
                                        <!-- AddThis Button BEGIN -->
                                        <div class="addthis_toolbox addthis_default_style ">
                                        <a class="addthis_counter addthis_pill_style"></a>
                                        </div>
                                        <script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
                                        <script type="text/javascript" src="../../s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f88195d6026781e"></script>
                                        <!-- AddThis Button END -->
                                        </div>
                                    </div>
                                </div>

                            <!-- ABOUT AUTHOR-->
                            <div class="span8">
                                <div class="blog_item_description" style="margin-top: 30px;">
                                    <img class="img-polaroid" src="images/gallery/avatar.jpg" style="float: left; margin-right: 20px; width: 80px; height: 80px;" alt="Builder avatar"/>
                                    <h5 style="margin-bottom: 5px; font-weight: 600 !important;">About The Author</h5>
                                    Nulla nunc dui, tristique in semper vel, congue sed ligula. Nam dolor ligula, faucibus id sodales in, auctor fringilla libero. Pellentesque pellentesque tempor tellus eget hendrerit.
                                    <div class="clearfix"></div>
                                </div>
                            </div>

                            <!-- START COMMENTS -->
                            <div class="span8">
                                <div class="comments_div">
                                    <h3 style="font-weight: 600 !important; text-transform: uppercase !important;">1 Comment:</h3>
                                    <ul class="unstyled commentsul">
                                        <li class="comment even thread-even depth-1">
                                            <div class="seppp">
                                                <div>
                                                    <div class="blog_item_comments_description">
                                                    
                                                        <div class="hidden-phone" style="float: left; margin-right: 0px;">
                                                            <img alt="" src="images/gallery/avatar-2.png" class="avatar img-polaroid avatar-70 photo avatar-default" height="70" width="70"/>
                                                        </div>
                                                        
                                                        <h6 style="margin-bottom: 4px;">By <span class="colored"><a href="http://wordpress.org/" rel="external nofollow" class="url">Mr WordPress</a></span>
                                                        <a style="color: inherit; padding-left: 7px;" href="http://html.orange-idea.com/builder/hello-world/#comment-26">12 Sep 2012</a>
                                                        </h6>

                                                        <hr style="margin-top: 0px; margin-bottom: 10px;"/>
                                                        
                                                        <div style="font-style: italic;">
                                                            <p>Hi, this is a comment.
                                                            <br/>
                                                            To delete a comment, just log in and view the post's comments. There you will have the option to edit or delete them.
                                                            </p>
                                                        </div>

                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>

                                    <div id="respond" style="padding-top:40px;">
                                        <h4 style="font-weight:600 !important; margin-bottom:12px;">Leave a Reply</h4>
                                        <form class="form" action="#" method="post" id="contact-form">
                                        <input type="text" class="span4" style="margin-right:25px;" placeholder="Name" name="author" value="" />
                                        <br>
                                        <input  class="span4" type="text" placeholder="E-mail" name="email" value="" />
                                        <textarea type="text" placeholder="Message" id="comment" name="comment" rows="5" style="width:98%"></textarea><br>
                                        <button name="submit" id="submit_form" type="submit"  class="btn btn-small">Post comment</button>
                                        </form>
                                    </div>
                            </div>

                        </div>
                        
                    </div>
                  </div>
                </div>
             </div>
         </div> 
        <!--END MAIN CONTENT AREA-->

        <!--FOOTER-->

        <!-- START TWITTER FEED -->
        <div class="twitter-block">
            <div class="container">
                <div class="row">
                    <div class="span3">
                        <h6>Twitter Feed</h6>
                        <p class="twitter-block-desc">Find out what"s happening, right now, with the people and organizations you care about.</p>
                    </div>
                	<br class="visiblephone">
                    <div class="span9">
                        <div class="twitter-block-well well">
                        <div class="tweet"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END TWITTER FEED -->
                
        <!-- START WIDGET AREA AND SOCIAL ICONS -->
        <div class="footer">
            <div class="container">
                <div class="row">
                    <div class="span3 soc_icons">
                        <div>
                            <img alt="" src="assets/img/logo-footer.png"><br>
                            <a href="http://flickr.com/" target="_blank"><div class="icon_flickr"></div></a>
                            <a href="http://plus.google.com/" target="_blank"><div class="icon_google"></div></a>
                            <a href="http://facebook.com/" target="_blank"><div class="icon_facebook"></div></a>
                            <a href="http://pinterest.com/" target="_blank"><div class="icon_pi"></div></a>
                            <a href="http://twitter.com/" target="_blank"><div class="icon_t"></div></a>
                            <a href="http://youtube.com/" target="_blank"><div class="icon_youtube"></div></a>
                            <a href="http://linkedin.com/" target="_blank"><div class="icon_in"></div></a>
                            <a href="http://deviantart.com/" target="_blank"><div class="icon_da"></div></a>
                            <a href="http://www.skype.com/" target="_blank"><div class="icon_skype"></div></a>
                            <a href="http://www.icq.com/" target="_blank"><div class="icon_icq"></div></a>
                            <a href="http://envato.com/" target="_blank"><div class="icon_envato"></div></a>
                            <a href="http://forrst.com/" target="_blank"><div class="icon_forrst"></div></a>
                            <a href="http://www.bing.com/" target="_blank"><div class="icon_bing"></div></a>
                            <a href="http://myspace.com/" target="_blank"><div class="icon_myspace"></div></a>
                        </div>
                    </div>
    
                    <div class="span3">
                        <div class="textwidget">
                            <div class="well">
                            <h6>Builder Company</h6>Builder is designed to help people of all skill levels designer or developer, huge nerd or early beginner.
                            </div>
                        </div>
                    </div>
                	<!-- BEGIN WIDGET -->
                    <div class="span3">
                    <h6>Recent Posts</h6><hr>
                        <ul class="recent-post-widget unstyled">
                                                        <li><a href="big-image-right-sidebar.html" title="Hello world!" class="bg-link">Hello world!</a>
                                <div class="small-meta">Dec 1, 2012 / <a href="big-image-right-sidebar.html" title="Comment on Hello world!">1 Comment</a></div>
                                <!-- /small-meta -->
                                <div class="clear"></div>
                            </li>
                            <li>
                                <a class="bg-link" href="post-right-sidebar.html" title="Post + Right Sidebar">Post + Right Sidebar</a>
                                <div class="small-meta">Nov 30, 2012 / <a href="post-right-sidebar.html" title="Comment on Post + Right Sidebar">1 Comment</a></div>
                                <!-- /small-meta -->
                                <div class="clear"></div>
                            </li>
                        </ul>
                    </div>
                	<!-- END WIDGET -->
                    <!-- BEGIN CONTACT INFO -->
                    <div class="span3">
                    <h6>Contact Information</h6><hr>
                        <div class="textwidget">
                        <ul class="unstyled">
                            <li><i class="icon-user icon-white"></i> +1 800 2000 600</li>
                            <li><i class="icon-envelope icon-white"></i> contact@sitename.com</li>
                            <li><i class="icon-map-marker icon-white"></i> 9930 124th Washington</li>
                        </ul>
                        </div>
                    </div>
                    <!-- END CONTACT INFO -->
                </div>
            </div>
        </div>
        <!-- END WIDGET AREA AND SOCIAL ICONS -->
                
        <!--START BOTTOM LINE-->
        <div class="bottom_line">
            <div class="container">
                <div class="row">
                    <!-- START COPYRIGHT INFORMATION-->
                    <div class="span6">
                        <span class="copyright">Copyright 2012 Builder - Company. Design by <a href="http://themeforest.net/user/OrangeIdea?ref=OrangeIdea">OrangeIdea</a></span>
                    </div>
                    <!-- END COPYRIGHT INFORMATION-->
                    <div class="span6">
                        <!-- START FOOTER MENU-->
                        <span class="copyright pull-right visible-desktop">
                            <div class="menu-footer-menu-container">
                                <ul class="unstyled footer_menu" id="menu-footer-menu">
                                    <li><a href="index-2.html">Home</a></li>
                                    <li><a href="about.html">About Us</a></li>
                                    <li><a href="big-image-right-sidebar.html">Blog</a></li>
                                    <li><a href="2-columns-portfolio.html">Portfolio</a></li>
                                    <li><a href="contacts.html">Contacts</a></li>
                                </ul>
                            </div>
                        </span>
                        <!-- END FOOTER MENU-->
                    </div>
                </div>
            </div>
        </div>
        <!--END BOTTOM LINE-->
        <!--END FOOTER-->
                 
        <!-- Le javascript
     	================================================== -->
        <!-- Placed at the end of the document so the pages load faster -->
        <script src="../../ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script src="assets/js/jquery.tweet.js"></script>
        <script src="assets/js/google-code-prettify/prettify.js"></script>
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/jquery.easing.1.3.js"></script>
        <script src="assets/js/superfish-menu/superfish.js"></script>
        <script src="assets/js/jquery.nivo.slider.js"></script>
        <script src="assets/js/jquery.prettyPhoto.js"></script>
        <script src="assets/js/jflickrfeed.min.js"></script>
        <script src="assets/js/testimonialrotator.js"></script>
        <script src="assets/js/jquery.waitforimages.js"></script>
        <script src="assets/js/jquery.isotope.min.js"></script>
        <script src="assets/js/custom.js"></script>
         
         
        <script>
        /***************************************************
						TWITTER FEED
        ***************************************************/
            jQuery.noConflict()(function ($) {
                $(document).ready(function () {
            
                    $(".tweet").tweet({
                        count: 1,
                        username: "Orange_Idea_RU",
                        loading_text: "loading twitter..."
                    });
                });
            });
        </script>
        	<!-- DEMO ONLY -->
	<script type="text/javascript" src="assets/js/switcher/tabslide.js"></script>
    <script type="text/javascript" src="assets/js/jquery.cookie.js"></script>
    <!-- alternate css for colors -->
    <script type="text/javascript" src="assets/js/switcher/switchstylesheet1.js"></script>
    <script type="text/javascript" src="assets/js/switcher/switchstylesheet.js"></script>
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/lime.css" title="lime" media="screen" />
    
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/orange.css" title="orange" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/blue.css" title="bluee" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/cyan.css" title="cyane" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/green.css" title="greene" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/grunge.css" title="grungee" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/light_blue.css" title="light_bluee" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/light_green.css" title="light_greene" media="screen" />
    
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/navy.css" title="navye" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/pink.css" title="pinke" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/purple.css" title="purplee" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/red.css" title="rede" media="screen" />
    <link rel="alternate stylesheet" type="text/css" href="assets/css/layouts/lime.css" title="limee" media="screen" />
	<!-- /DEMO ONLY -->

        
	<!-- DEMO ONLY -->
    <div class="slide-out-div" style="margin-top:130px;">
        <a class="handle" href="#">Content</a>
        <div class="slide-out-div-header">
        	<h4 style="margin-bottom:0px;">Style Selector</h4>
        </div>
        <div class="slide-out-div-cont">
        <div class="div-out-text"><div class="alert" style="margin-bottom:0px !important; margin-top:5px !important; background:#fff !important; border-color:#dddddd !important"><p>Also <strong>960 Boxed</strong>, <strong>960 FullWidth</strong> <strong>1170 FullWidth</strong> and  <strong>1170 Boxed</strong> layouts available after purchase. As like in <a href="http://themeforest.net/item/builder-responsive-multipurpose-theme/3596009" target="_blank">WordPress version</a></p></div></div>
        <h6 style="padding:5px; background:#e6e6e6; margin-top:25px;">Choose Theme Color</h6>
        <ul class="color-switcher unstyled">
        	<li><a href="serversideSwitch8376.html?style=style2" rel="limee" class="changecolor styleswitch" style="background-color:#aec71e;">Lime</a></li>
        	<li><a href="serversideSwitch8376.html?style=style2" rel="orange" class="changecolor styleswitch" style="background-color:#EC5923;">Orange</a></li>
            <li><a href="serversideSwitch8376.html?style=style2" rel="bluee" class="changecolor styleswitch" style="background-color:#2d5c88;">Blue</a></li>
            <li><a href="serversideSwitch8376.html?style=style2" rel="cyane" class="changecolor styleswitch" style="background-color:#2997ab;">Cyan</a></li>
            <li><a href="serversideSwitch8376.html?style=style2" rel="greene" class="changecolor styleswitch" style="background-color:#719430;">Green</a></li>
            <li><a href="serversideSwitch8376.html?style=style2" rel="grungee" class="changecolor styleswitch" style="background-color:#85742e;">Grunge</a></li>
            <li><a href="serversideSwitch8376.html?style=style2" rel="light_bluee" class="changecolor styleswitch" style="background-color:#8bbbe0;">Light Blue</a></li>
            <li><a href="serversideSwitch8376.html?style=style2" rel="light_greene" class="changecolor styleswitch" style="background-color:#8eccb3;">Light Green</a></li>
            <li><a href="serversideSwitch8376.html?style=style2" rel="navye" class="changecolor styleswitch" style="background-color:#435960;">Navy</a></li>
            <li><a href="serversideSwitch8376.html?style=style2" rel="pinke" class="changecolor styleswitch" style="background-color:#e44884;">Pink</a></li>
            <li><a href="serversideSwitch8376.html?style=style2" rel="purplee" class="changecolor styleswitch" style="background-color:#46424f;">Purple</a></li>
            <li><a href="serversideSwitch8376.html?style=style2" rel="rede" class="changecolor styleswitch" style="background-color:#a81010;">Red</a></li>
        </ul>
        <div class="clearfix"></div>
        </div>
    </div>
	<script type="text/javascript">
		var _gaq = _gaq || [];
		_gaq.push(['_setAccount', 'UA-30641321-1']);
		_gaq.push(['_setDomainName', 'orange-idea.com']);
		_gaq.push(['_trackPageview']);
		
		(function() {
		var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		})();
	</script>

</body>
</html>